
.outer{
	// margin: 0 30rpx;
	// background-color: #FFF;
	

	
	.header{
		height: 88rpx;
		.flex{
			display: flex;
			justify-content:space-between;
			align-items: center;
			.left{
				.center{
		
				}
			}
		}
	}
	
	.swiper{
		margin-bottom: 20rpx;
	}
	
	.three{
		// margin-bottom: 30rpx;
		.flex{
			display: flex;
			justify-content: space-around;
			.group{
				text-align: center;	
				// background: linear-gradient(180deg, #FFFFFF 0%, #FDFDFE 51%, #CFCEF1 100%);
				// opacity: 0.5;
				// h3{
				// 	color: #240047;
				// }
				// .grey{
				// 	color: #7B6097;
				// }
			}
			.groupList{
				width: 216rpx;
				background: linear-gradient(180deg, #FFFFFF 0%, #FDFDFE 51%, #CFCEF1 100%);
				border-radius: 10rpx 10rpx 10rpx 10rpx;
				opacity: 0.8;
				border: 2rpx solid #240047;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		}
	}
	
	.five{
		background-color: #fdf9f2;
		height: 566rpx;
		.flex{
			display: flex;
			justify-content: space-around;
			.three{
				width: 212rpx;
				height: 146rpx;
				background-color: #ffffff;
				position: relative;
				.pisitons{
				    left: 130rpx;
				    top: 70rpx;
					position: absolute;
				}
			}

		}
		.fiveflex{
			// display: flex;
			// flex-direction: column;
			// justify-content: space-around;
			// align-items: center;
			// background-color: #FFF;
			// height: 180rpx;
			// .item{
			// 	position: relative;
			// 	.pCenter{
			// 		top: 28rpx;
			// 		left: 30rpx;
			// 		position: absolute;
			// 		z-index: 22;
			// 	}
			// }
		}
	}
	.news{
		position: relative;
		.item{
			border-bottom: 2rpx solid #EEEEEE;padding-top: 30rpx;
		}
		
		.point1{
			position: absolute;
			top: -80rpx;
			right: -30rpx;
		}
		.point2{
			position: absolute;
			top: 80rpx;
			right: -30rpx;
		}
	}

}

